<%@page import="co.gov.medellin.ssti.sub.common.util.Utility"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1" isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/dwr/engine.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/dwr/interface/VisualHelper.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/dwr/util.js"></script>
<link href="<%=request.getContextPath() + "/css/bloques.css"%>"
	rel="stylesheet" type="text/css">
<link href="<%=request.getContextPath() + "/css/table.css"%>"
	rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Consultar</title>

<script type="text/javascript">
$(document).ready(function() {
	$("input[id='operacion']").val("");
	//handler para el boton guardar.
	$("#guardarBtn").click(function() {
		if( $("#tipoDocumento").val() == '' ){
			alert("Debe elegir un tipo de documento.");
			$("#tipoDocumento").focus();
			return false;
		}
		if( $("#nitIdupa").val() == '' ){
			alert("Debe ingresar un NIT/IDUPA.");
			$("#nitIdupa").focus();
			return false;
		}
		if( $("#nombreUpa").val() == '' ){
			alert("Debe ingresar un nombre para la UPA.");
			$("#nombreUpa").focus();
			return false;
		}
		if( $("#razonSocial").val() == '' ){
			alert("Debe ingresar la razon social.");
			$("#razonSocial").focus();
			return false;
		}
		if( $("#nomRepLegal").val() == '' ){
			alert("Debe ingresar el nombre del representante legal.");
			$("#nomRepLegal").focus();
			return false;
		}
		if( $("#docRepLegal").val() == '' ){
			alert("Debe ingresar el numero de documento del representante legal.");
			$("#docRepLegal").focus();
			return false;
		}
		
		$("input[id='operacion']").val("<%=Utility.OP_GUARDAR%>");
		$("#mainForm").submit();
		
	});
	
	$("#nitIdupa").blur(function(){
		$("#nitIdupa").val($("#nitIdupa").val().replace(/\s/g, ''));
	});
	
	$("#razonSocial").blur(function(){
		$("#razonSocial").val($("#razonSocial").val().trim());
	});
	
	$("#observaciones").blur(function(){
		$("#observaciones").val($("#observaciones").val().trim());
	});
	
	$("#telefono").blur(function(){
		$("#telefono").val($("#telefono").val().trim());
	});
	
	$("#docRepLegal").blur(function(){
		$("#docRepLegal").val($("#docRepLegal").val().trim());
	});
	
	// cuando cambia el select de zona.
	$("#zonaSelect").change(function() {
	    //hidden field operacion
		$("input[id='operacion']").val("<%=Utility.OP_SELECT_ZONA%>");	    
		// Metodo DWR
	    selectZona();
	});
	
	// cuando cambia el select de comuna.	
	$("#comunaSelect").change(function() {	    
		$("input[id='operacion']").val("<%--=Utility.OP_SELECT_COMUNA--%>");		
		selectComunaPopulateBarrios();
	});
	
});
</script>

<script type="text/javascript">
/*
 *Metodo que  hace uso de DWR, carga las opciones del select comunaSelect, al seleccionar una zona. 
 */
function selectZona() {
	VisualHelper.selectZona(dwr.util.getValue("zonaSelect"), function(data) {		
		dwr.util.removeAllOptions("comunaSelect");
		data = $.parseJSON(data);
		dwr.util.addOptions("comunaSelect", data, "id", "name");
	});
}

/*
 *Metodo que hace uso de DWR, asigna el valor zona correspondiente a la comuna seleccionada
 *y llena la lista de barrios.
 */
function selectComunaPopulateBarrios() {
	VisualHelper.selectComunaPopulateBarrios(dwr.util.getValue("comunaSelect"), function(data) {		
		dwr.util.setValue("zonaSelect", data[1]);
		dwr.util.removeAllOptions("barrioSelect");
		data = $.parseJSON(data[0]);		
		dwr.util.addOptions("barrioSelect", data, "id", "name");
	});
}
</script>

</head>
<body>
	<html:form action="/empresas/IngresarEmpresa.do" method="post" styleId="mainForm"
		type="co.gov.medellin.ssti.sub.web.form.ModificarEmpresaForm">
		
		<html:hidden name="ModificarEmpresaForm" property="operacion" styleId="operacion" ></html:hidden>

		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr align="left">
				<td height="25" colspan="12" align="center" class="titulosenblanco">
					<p>
						<STRONG>Ingresar informaci&oacute;n de la Empresa.</STRONG>
					</p>
					<p>&nbsp;</p>
				</td>
			</tr>			
			<c:if test="${not empty ModificarEmpresaForm.msg}">
				<tr align="center">
					<td>
						${ModificarEmpresaForm.msg}
					</td>
				</tr>
			</c:if>
			
			<tr align="left">
				<td height="25" colspan="12" class="titulosenblanco">
					<table width="100%" border="0" cellspacing="3" cellpadding="3"
						class="titulosenrojo">
						<tr>
							<td width="28%">&nbsp;</td>
							<td colspan="3">
								<DIV align="left">
									<html:errors />
								</DIV>
							</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
							<strong>TIPO DOCUMENTO</strong>(*)</td>
							<td width="46%">
								<html:select property="empresa.tipoDocumento" styleId="tipoDocumento"
									styleClass="formInputOutput" style="width: 170px;">
									<html:option value="N">NIT</html:option>
									<html:option value="I">IDUPA</html:option>
								</html:select>
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
								<strong>NUMERO DOCUMENTO(NIT/IDUPA)</strong>(*)
							</td>
							<td width="46%">
								<html:text property="empresa.nitIdupa" styleId="nitIdupa"
									size="15" styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<%-- <tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
								<strong>IDBIOMETRICO </strong>
							</td>
							<td width="46%">
								<html:text property="empresa.idBiometrico" styleId="idBiometrico"
									size="15" styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr> --%>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
								<strong>NOMBRE UPA</strong>(*)
							</td>
							<td width="46%">
								<html:text property="empresa.nombreUpa" styleId="nombreUpa"
									size="15" styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
								<strong>RAZON SOCIAL</strong>(*)&nbsp;&nbsp;</td>
							<td width="46%">
								<html:text property="empresa.razonSocial" styleId="razonSocial"
									size="30" styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>REPRESENTANTE LEGAL</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.nomRepLegal" size="15" styleId="nomRepLegal"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>DOC. REPRESENTANTE LEGAL</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.docRepLegal" size="15" styleId="docRepLegal"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
								<strong>ZONA</strong></td>
							<td width="46%">
								<html:select property="empresa.vflCodigoZona" styleId="zonaSelect"
									styleClass="formInputOutput">
									<html:option value="">Seleccione una zona</html:option>
									<html:optionsCollection property="zonas"
										label="descVflex" value="code"/>
								</html:select></td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
								<strong>COMUNA/CORREGIMIENTO</strong></td>
							<td width="46%">
								<html:select property="empresa.vflCodigoComuna" styleId="comunaSelect"
									styleClass="formInputOutput">
									<html:option value="">Seleccione una comuna</html:option>
									<html:optionsCollection property="comunas"
										label="descVflex" value="code"/>
								</html:select></td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
								<strong>BARRIO</strong></td>
							<td width="46%">
								<html:select property="empresa.vflCodigoBarrio" styleId="barrioSelect"
									styleClass="formInputOutput">
									<html:option value="">Seleccione un barrio</html:option>
									<html:optionsCollection property="barrios"
										label="descVflex" value="code"/>
								</html:select>
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>						
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>DIRECCI&Oacute;N</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.direccion" size="15" styleId="direccion"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>	
						<tr>						
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>TEL&Eacute;FONO</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.telefono" size="15" styleId="telefono"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>NOMBRE CONTACTO</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.nombreContacto" size="15" styleId="nombreContacto"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>SECTOR</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.sector" size="15" styleId="sector"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>SUBSECTOR</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.subSector" size="15" styleId="subSector"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>N&Uacute;MERO COMODATO</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.numeroComodato" size="15" styleId="numeroComodato"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>																
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla"><strong>EMAIL</strong>
							</td>
							<td width="46%">
								<html:text property="empresa.email" size="15" styleId="email"
									styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>
						<tr>
							<td width="28%">&nbsp;</td>
							<td width="23%" class="celdatabla">
								<strong>OBSERVACIONES</strong></td>
							<td width="46%">
								<html:text property="empresa.observaciones" styleId="observaciones"
									size="30" styleClass="formInputOutput" />
							</td>
							<td width="3%">&nbsp;</td>
						</tr>								
						<tr>
							<td colspan="4">
								<DIV align="center">
									<input type="button" id="guardarBtn" value="Guardar" />
								</DIV>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<DIV align="center">
									<%
									java.util.Enumeration enumera = request.getParameterNames();
									java.util.HashMap params = new java.util.HashMap();
									while (enumera.hasMoreElements()) {
										String key = enumera.nextElement().toString();
										String value = request.getParameter(key);
										params.put(key, value);
									}									
									pageContext.setAttribute("parametros", params);
									%> 
									<html:link name="parametros" scope="page"
										page="/empresas/BuscarEmpresa.do">
										<img src="<%=request.getContextPath() + "/images/b_atras.gif"%>"
											width="24" height="15" border="0" />
										<br />
										<span class="celdaayd">Atras</span>
									</html:link>
								</DIV>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</html:form>

</body>
</html>